<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" 
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
	<head>
		<meta content="text/html; charset=UTF-8" />
		<title>人物管理系统</title>
		<link th:href="@{/css/bootstrap.css}" rel="stylesheet" type="text/css" />
		<script type="text/javascript" th:src="@{/webjars/jquery/3.2.1/jquery.min.js}"></script>
		<script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>
		<script type="text/javascript" th:src="@{/js/jquery.twbsPagination.js}"></script>
		<script type="text/javascript" th:src="@{/js/util.js}"></script>
		<script type="text/javascript" th:src="@{/js/search/search.js}"></script>
	</head>
<body>

<!--~~~~~~~~~top~~~~~~~~~~~~~-->
<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">TRS</a>
    </div>
    <div class="collapse navbar-collapse" id="navbar">
      <ul class="nav navbar-nav">
	  </ul>
	  <div class="navbar-form navbar-left">
        <div class="form-group">
          <input id="keyword" type="text" class="form-control" placeholder="Search" style="width:500px"></input>
        </div>
        <button type="submit" class="btn btn-default" style="width:100px" onclick="search()">
        	搜&nbsp;&nbsp;&nbsp;&nbsp;索
        </button>
      </div>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
<!-- list -->
<div class="container-fluid">
	<div class="row" style="margin-top:20px">
		<div class="col-sm-12">
			<div class="row">
				<div class="col-sm-8 col-sm-offset-1">
					<ul id="list" class="list-unstyled" >
					 <!--  <li>
				  		<h3><a>我爱北京<font color="red">天安门</font>,天安门上太阳升</a></h3>
				  		<p>
					  		<font color="red">天安门</font>，坐落在中华人民共和国首都北京市的中心、
					  		故宫的南端，与天安门广场以及人民英雄纪念碑、毛主席纪念堂、人民大会堂、中国国家博物
					  		馆隔长安街相望，占地面积4800平方米，以杰出的建筑艺术和特殊的政治地位为世人所瞩目
					  		。天安门是明清...
					  	</p>
					  </li> -->
					</ul>
					<div id="result-items" >
						<ul class="pagination" id="pagination"></ul>
					</div> 
				</div>
			</div>
		</div>
	</div>
</div>
<!-- list end -->
</body>

</html>